import {defineStore} from 'pinia'

// export const usePersonStore = defineStore('person', {
//   state: () => ({
//     name: '张三',
//     age: 18,
//     height: 1.88,
//   }),
//   getters: {
//     doubleAge: (state) => state.age * 2,
//     updateAge: state => state.age * 12,  
//   },
//   actions: {
//     // 方式方法,用于响应组件里面的动作
//     updateName(name: string) {
//         // pinia中使用this取出自己的数据
//       this.name = name
//     },
//   },
// })


import { ref } from 'vue'

export const usePersonStore = defineStore('person', 
    () => {
        const name = ref('张三')
        const age = ref(18)
        const height = ref(1.88)

        function updateName(n: string) {
            name.value = n
        }

        function updateAge(a: number) {
            age.value = a
        }

        return {
            name,
            age,
            height,
            updateName,
            updateAge,
        }
    },
)
  
